<!DOCTYPE html>
<html lang="cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/01/04.css">
    <script src="../js/jquery-2.2.4.min.js"></script>
    <script src="../js/template-native.js"></script>
</head>
<body>
    <div class="c-content">
        <!--********************************* top model*********************************** -->
        <div class="top-model" id="top-model">
            <div class="top-content clearfix">
                <div class="top_title">
					<h1 class="topLeft"></h1>
                        <p class="titlep"></p>
                </div>
                <div class="system">
                    <a class="goback-sys bg-color-bg">
                    <img src="../img/system/change.png" alt="">  
                    </a>
                    <a class="gonext-sys bg-color-bg">
                        <img src="../img/system/setting.png" alt="">  
                    </a>
                    <div class="truemodel">
                        <div class="truelists">选择模板</div>
                        <div class="changekh">修改口号</div>
                    </div>
                </div>
         </div>
        </div>
        <div class="mid-model">
            <div class="mid-left">
                <div class="m-c-t">
                    <div class="m-item">
                        <div class="m-q-q bg-color-border">
                            <div class="classIntru bg-color-font">
                                    <i>班</i>
                                    <i>组</i>
                                    <i>简</i>
                                    <i>介</i>
                            </div>
                            <div class="m-i-i" onclick="changetogo(1)">
                                 <textarea readonly class="bg-color-font textareaW">设备维护部电气二次班组成立于2013年，是由电气保护、电测仪表、运动、高压预试四个专业合并组建。主要负责汽机本体、调速、管阀、转机、化验等设备维护及管理工作。
班组全体秉持“齐心协力涌于担当”的理念，通过全班成员的共同努力获得了“全国学习型红旗班组”、“2014年度先进班组”等荣誉。
                                 </textarea>
                                 <div class="m-job" id="m-job">
                                 </div>
                            </div>
                        </div>
                    </div>
                    <div class="m-m-a">
                        <div class="m-m-person">
                            <div class="classIntru bg-color-font">
                                <i>班</i>
                                <i>组</i>
                                <i>荣</i>
                                <i>誉</i>
                            </div>
                            <div class="honer-btn"  onclick="changetogo(2)">
                                <!-- <div class="honer-class">
                                    <img src="../img/honner/honour1.png" alt="">
                                </div>
                                <div class="honer-class">
                                    <img src="../img/honner/honour1.png" alt="">
                                </div>
                                <div class="honer-class">
                                    <img src="../img/honner/honour1.png" alt="">
                                </div>
                                <div class="honer-class">
                                    <img src="../img/honner/honour1.png" alt="">
                                </div> -->
                            </div>
                        </div>
                        
                    </div>
                </div>
                <!--*************************************班务公开*********************************-->
                <div class="class-public">
                    <div class="class-title">
                        <div class="c-c-p bg-color-font">
                                <i>班</i>
                                <i>组</i>
                                <i>成</i>
                                <i>员</i>
                        </div>
                    </div>
                    <div class="c-list-node">
                          <div class="c-name-left">
                              <!-- <img src="../img/01/1.png" alt="">
                              <div class="c-c-n-n bg-color-bg">
                                  <div class="c-c-z">张振华</div>
                                  <div class="c-c-bz">班长</div>
                              </div>           -->
                          </div>
                          <div class="c-name-right" id="peopleQ" onclick="changetogo(4)">
                          </div>                       
                    </div>
                </div>
            </div>
         <div class="mid-right ">
                <!--*******************************title************************************-->
            <div class="honner-img" onclick="changetogo(3)">
                <!-- <div class="img-left">
                    <img src="../img/demeanour/mg1.png" alt="">
                </div>
               <div class="img-right">
                    <img src="../img/demeanour/mg1.png" alt="">
                    <img  class="img-img" src="../img/demeanour/mg1.png" alt="">
               </div> -->
            </div>
            <div class="study-area">
                <div class="classIntru bg-color-font" >
                    <i>学</i>
                    <i>习</i>
                    <i>园</i>
                    <i>地</i>
                </div>
                <!-- <textarea class="textareaY" readonly>
1、没有消除不了的隐患，没有避免不了的事故.dox
1、没有消除不了的隐患，没有避免不了的事故.dox
1、没有消除不了的隐患，没有避免不了的事故.dox
1、没有消除不了的隐患，没有避免不了的事故.dox
1、没有消除不了的隐患，没有避免不了的事故.dox
1、没有消除不了的隐患，没有避免不了的事故.dox
1、没有消除不了的隐患，没有避免不了的事故.dox
1、没有消除不了的隐患，没有避免不了的事故.dox
                </textarea> -->
                <div class="textareaY" id="h-commoms" onclick="changetogo(5)">
                </div>
            </div>    
        </div>
    </div>
    <!--********************************* top templete*********************************** -->
    <!--<div class="edit">
        <button id="btn">111</button>
        <textarea id="index0">

        </textarea>
        <textarea class="a-c-c" id="a-c-c">
                设备维护部电气二次班组成立于2013年,是由电气保护、电测仪表、运动、高压
        </textarea> 
    </div>-->
    <!-- 个性化弹窗 -->
<div class="diago" style="display: none;">
        <div class="diado-content diago-active">
            <div class="diago-title bg-color-bg">
                <div class="diago-left">个性化设置</div>
                <div class="diago-close"></div>
            </div>
            <div class="model-content">
                <div class="model-list">
                    <ul class="clearfix">
                        <li class="active">
                            <div class="modelDiv">
                                <p>模板一</p>
                                <span class="modelSpan"></span>
                            </div>
                        </li>
                        <li>
                            <div class="modelDiv">
                                <p>模板二</p>
                                <span class="modelSpan"></span>
                            </div>
                        </li>
                        <li>
                            <div class="modelDiv">
                                <p>模板三</p>
                                <span class="modelSpan"></span>
                            </div>
                        </li>
                        <li>
                            <div class="modelDiv">
                                <p>模板四</p>
                                <span class="modelSpan"></span>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="diago-bottom">
                <div class="totrue">确定</div>
                <div class="cancel">取消</div>
            </div>
            <div class="choose">

            </div>
        </div>
    </div>
<!--********************************* top templete*********************************** -->
<!--<div class="edit">
    <button id="btn">111</button>
    <textarea id="index0">

    </textarea>
    <textarea class="a-c-c" id="a-c-c">
            设备维护部电气二次班组成立于2013年,是由电气保护、电测仪表、运动、高压
    </textarea> 
</div>-->
<div class="diagoT">
        <div class="diago-content">
        <div class="diago-title bg-color-bg">
                <div class="diago-left">口号设置</div>
                <div class="diago-close" ></div>
            </div>
            <div class="cont-diago">
            <input type="text" id="cont-value">
            </div>
            <div class="diago-bottom">
            <div class="btn">确定</div>
            <div class="cancelbtn">取消</div>
            </div>
        </div>
</div>

<!-- <script src="../js/echarts3.8.5_min.js"></script>   -->
<script src="../js/config.js"></script> 
<script>
    //*******************************模拟数据***************************************//
    var topData = {
        'className':'电气二次班',
        'title01':"团结就是力量",
        'title02':"创建迎来希望"
    }
//    $(".bgcolor").css('backgroundColor',localStorage.getItem('color'));
   $(".bgcolor").css('backgroundColor','#e84921');

  $("#btn").click(
    function(){
        var x = $("#index0").val();
        $('#a-c-c').html(x);
    }
)

$('.c-list').click(
    function(index){
        $('.c-list').removeClass('bg-color-bg');
        $('.c-list-node').removeClass('active');
        $('.c-list-node').eq($(this).index()).addClass('active');
        $(this).addClass('bg-color-bg');
    }
)
$(".gonext-sys").click(
        function(){
            if($(".truemodel").css("display")=="block"){
                $(".truemodel").css("display","none");
            }else{
                $(".truemodel").css("display","block");
            }
        }
    )
    $(".truelists").click(
        function(){
            $(".diago").css("display","block");
        }
    )
    // var num = 0;
    $('.model-list ul li').click(function () {
        $(this).addClass('active').siblings().removeClass('active');
        num = $(this).index();
    })

    var jpathurl = '?userId='+userId+"&bzId="+bzId;
    $(".totrue").click(
        function(){
            $(".diago").css("display","none");
            if(numT==0){
                location.href = "./index.html"+jpathurl
            }else if(numT==1){
                location.href = "./index2.html"+jpathurl
            }else if(numT==2){
                location.href = "./index3.html"+jpathurl
            }else if(numT==3){
                location.href = "./index4.html"+jpathurl
            }
        }
    )
    $(".goback-sys").click(
        function(){
            location.href = "./index3.html"+jpathurl
        }
    )
    $(".diago-close").click(
        function(){
            $(".diagoT").css("display","none");
            $(".diago").css("display","none");
            $(".truemodel").css("display","none");
        }
    )
    $(".cancel").click(
        function(){
            $(".diago").css("display","none");
            $(".truemodel").css("display","none");
        }
    )
    $(".changekh").click(
        function() {
            $(".diagoT").css("display","block");
            $("#cont-value").val($(".titlep").text());
            console.log($(".titlep").text())
        }
    )
    $(".btn").click(
        function(){
            kouhao();
            $(".diagoT").css("display","none");
        }
    )
    $(".cancelbtn").click(
        function(){
            $(".diagoT").css("display","none");
            $(".truemodel").css("display","none");
        }
    )
    //编辑口号
    function kouhao(){
        var summaryList = $("#cont-value").val();
        var SaveWallInfo = new FormData();
        var saveParams ={
            userId:userId,
            data:{
                bzId:bzId,
                slogan:summaryList,
                savetype:"slogan"
            } 
        }
        SaveWallInfo.append(
            'json',JSON.stringify(saveParams)
        )
        $.ajax(
            {
                url:baseUrl+'api/Culture/SaveWallInfo',
                data:SaveWallInfo,
                type:"POST",
                contentType:false,
                processData:false,
                success:function(data){
                    console.log(data);
                    location.href = "./index4.html"+jpathurl
                    // location.href="./detail1.html?number=2"
                }
            }
        )
    }
    function changetogo(index){
		location.href = "./detail/detail4.html?number="+index+'&userId='+userId+"&bzId="+bzId;
	}
</script>
    <script src="../js/main4.js"></script>
</body>
</html>